import axios from 'axios'
// 导入提示  Toast === this.$toast
import { Toast } from 'vant'
// 导入 token 操作
import { removeLocal, getLocal } from '@/utils/local.js'
// 导入 store
import store from '@/store'
// 导入 router
import router from '@/router'

const _fetch = axios.create({
  // baseURL: 'http://localhost:1337'
  baseURL: process.env.VUE_APP_baseURL
})

// 添加请求拦截器
_fetch.interceptors.request.use(
  function (config) {
    window.console.log('config:', config)
    // 需要token
    if (config.needToken) {
      // 添加请求头 token
      config.headers.authorization = 'Bearer ' + getLocal('token')
    }
    return config
  },
  function (error) {
    return Promise.reject(error)
  }
)
// 添加响应拦截器
_fetch.interceptors.response.use(
  function (response) {
    // console.log(response)
    if (response.data.code === 200) {
      return response
    } else if (response.data.code === 401 || response.data.code === 403) {
      // 提示
      Toast.fail(response.data.message)
      // 删除token
      removeLocal('token')
      // 修改 登录状态
      store.commit('setIsLoign', false)
      // 跳转登录页
      router.push('/login')
      // 终止 .then 执行
      return Promise.reject(new Error(response.data.message))
    } else {
      // 提示失败原因
      Toast.fail(response.data.message)
      // 抛出一个Promise错误 终止.then执行 同时执行.catch 并传参 reject的值
      return Promise.reject(new Error(response.data.message))
    }
  },
  function (error) {
    return Promise.reject(error)
  }
)

export default _fetch
